@charset "utf-8";

/* Style Reset */

*,:before,:after {-webkit-box-sizing: border-box;box-sizing: border-box;}

body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 

{ margin: 0; padding: 0;} 

html button::-moz-focus-inner{ border-color:transparent!important; } 

input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}

ul, li, dl, dt, dd, ol { display: block; list-style: none; }

fieldset, img { border: 0; }

iframe { background-image: none; }

hr{ border:0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }

h1,h2,h3,h4,h5,h6,margin {margin:0;padding:0;}

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.clear { clear:both; }

.db{ display: block; }

.di{ display: inline; }

a {text-decoration:none;-webkit-tap-highlight-color: rgba(1,59,116,0.5);}

center {padding:25px 0;}

img {display:block;width:100%;}

/**/

body {}

html, body { margin: 0; padding: 0; }

.swiper-container { width: 100%;position:relative;height:100%;overflow:hidden;}

.swiper-slide {width: 100%;position:relative;height:100%;overflow:hidden;}

.pagination {display:none;}



.swiper-slide .title { font-style: italic; font-size: 42px; margin-top: 80px; margin-bottom: 0; line-height: 45px; }

.swiper-slide p {}

.pagination { position: absolute; z-index: 20; left: 10px; top: 10px; }

.swiper-pagination-switch { display: block; width: 8px; height: 8px; border-radius: 8px; background: #555; margin: 0 0px 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer;}

.swiper-active-switch { background: #fff;}



.page1 {background:url(../images/page1bg.jpg) no-repeat;background-size:100% 100%;}

.ico_menu {display:block;width:20%;height:auto;position:absolute;left:0;top:0;z-index:15;transition:all 0.6s ease 0.3s;-webkit-transition:all 0.6s ease 0.3s;transform:translateX(500px);-webkit-transform:translateX(500px);opacity:0;}

.bg_computer {display:block;width:100%;position:absolute;left:0;top:0;z-index:5;transition:all 0.4s ease 0s;-webkit-transition:all 0.4s ease 0s;transform:translateY(-700px);-webkit-transform:translateY(-700px);}

.bg_coffee {display:block;width:100%;position:absolute;left:0;top:44%;z-index:4;transition:all 0.6s ease 0.1s;-webkit-transition:all 0.6s ease 0.1s;transform:translate(-500px,0px);-webkit-transform:translate(-500px,0px);opacity:0;}

.bg_mouse {display:block;width:100%;position:absolute;left:0;top:45%;z-index:3;transition:all 1s ease 0.3s;-webkit-transition:all 1s ease 0.3s;transform:translate(500px,0px);-webkit-transform:translate(500px,0px);opacity:0;}

.logo {width:49%;height:auto;display:block;position:absolute;left:0;top:33%;z-index:16;transition:all 1.4s ease 0s;-webkit-transition:all 0.4s ease 0s;opacity:0;}

.logo a {display:block;width:100%;}

.btn_login {width:34%;height:30px;border:solid 1px #b6b0b5;text-align:center;font:16px/30px "microsoft yahei";position:absolute;left:50%;bottom:30px;margin-left:-17%;border-radius:5px;z-index:17;color:#222;transition:all 1s ease 0.5s;-webkit-transition:all 1s ease 0.5s;;transform:translateY(-700px);-webkit-transform:translateY(-700px);}



.swiper-slide-active .ico_menu {transition:all 0.6s ease 0.3s;-webkit-transition:all 0.6s ease 0.3s;transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}

.swiper-slide-active .bg_computer {transition:all 1s ease 0.1s;-webkit-transition:all 1s ease 0.1s;transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}

.swiper-slide-active .bg_coffee {transition:all 1s ease 0.7s;-webkit-transition:all 1s ease 0.7s;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity:1;}

.swiper-slide-active .bg_mouse {transition:all 1s ease 0.3s;-webkit-transition:all 1s ease 0.3s;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity:1;}

.swiper-slide-active .btn_login {transition:all 1s ease 0.3s;-webkit-transition:all 1s ease 0.3s;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity:1;}



.swiper-slide-active .logo {transition:all 1.3s ease 0.4s;-webkit-transition:all 1.3s ease 0.4s;opacity:1;}

.page2 {background:#f3f1f4;}

.menu {width:23.75%;margin:0 auto 0;display:block;padding-top:28px;visibility:hidden;}





.ico_menu2 {width:17.18%;display:block;height:auto;position:absolute;right:10px;top:3px;z-index:2;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;opacity:0;}

.swiper-slide-active .ico_menu2 {transition:all 1s ease 0.5s;-webkit-transition:all 1s ease 0.5s;opacity:1;}



.page2links {width:78.75%;margin:0 auto;padding-top:10px;}

.page2links li {width:100%;padding-top:10px;}



.foottext {text-align:center;font:12px/30px "microsoft yahei";border-top:solid 1px #c4cbd0;color:#96a2b6;background:#fff;width:100%;height:30px;transition:all 0.6s ease 0;-webkit-transition:all 0.6s ease 0;transform:translateX(0);-webkit-transform:translateX(0);z-index:100;/*position:absolute;left:0;bottom:0;*/}

.journal {}

.menulink1 {transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;}

.swiper-slide-active .menulink1 {transition:all 1s ease 0.3s;-webkit-transition:all 1s ease 0.3s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.menulink2 {transition:all 0.9s ease 0s;-webkit-transition:all 0.9s ease 0s;transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;}

.swiper-slide-active .menulink2 {transition:all 1.1s ease 0.4s;-webkit-transition:all 1.1s ease 0.4s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.menulink3 {transition:all 0.8s ease 0s;-webkit-transition:all 0.8s ease 0s;transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;}

.swiper-slide-active .menulink3 {transition:all 1.2s ease 0.5s;-webkit-transition:all 1.2s ease 0.5s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.menulink4 {transition:all 0.7s ease 0s;-webkit-transition:all 0.7s ease 0s;transform:translateX(-100%);-webkit-transform:translateX(-100%);opacity:0;}

.swiper-slide-active .menulink4 {transition:all 1.3s ease 0.6s;-webkit-transition:all 1.3s ease 0.6s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.menulink5 {transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;transform:translateX(100%);-webkit-transform:translateX(100%);opacity:0;}

.swiper-slide-active .menulink5 {transition:all 1.4s ease 0.7s;-webkit-transition:all 1.4s ease 0.7s;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}



.map {width:100%;}

.qrcode {width:36%;margin:0 auto;padding:12px 0;}

.weltext1 {font:normal normal 18px/18px "microsoft yahei";color:#31425c;text-align:center;}

.weltext2 {width:59%;display:block;margin:0 auto;padding-top:10px;}

.swiper-slide-active .qrcode {  

	-webkit-animation:bounceIn 0.75s ease-in-out 0.5s;

	animation:bounceIn 0.75s ease-in-out 0.5s;

}

.footicos {width:100%;position:absolute;left:0;bottom:0;}

.footicos a {float:left;display:block;width:25%;}



.wrap {width:100%;transition:all 0.6s ease 0;-webkit-transition:all 0.6s ease 0;transform:translateX(0);-webkit-transform:translateX(0);}

.transleft1 {transform:translateX(-55%);-webkit-transform:translateX(-55%);}

nav {width:55%;height:100%;position:fixed;left:100%;top:0;transition:all 0.6s ease 0;-webkit-transition:all 0.6s ease 0;transform:translateX(0);-webkit-transform:translateX(0);background:#4b5663;z-index:5;overflow-y:auto;}

.transleft2 {transform:translateX(-100%);-webkit-transform:translateX(-100%);}

.homeico {display:block;width:100%;background:#3e4854;}

nav ul {}

nav ul li {height:42px;font:14px/42px "microsoft yahei";border-bottom:solid 1px #5e6a79;}

nav ul li a {display:block;width:100%;height:42px;color:#fff;text-align:center;}

nav ul li a:visited {color:#fff;}





@-webkit-keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(.97, .97, .97);

            transform: scale3d(.97, .97, .97);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}



@keyframes bounceIn {

  0%, 20%, 40%, 60%, 80%, 100% {

    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

  }



  0% {

    opacity: 0;

    -webkit-transform: scale3d(.3, .3, .3);

            transform: scale3d(.3, .3, .3);

  }



  20% {

    -webkit-transform: scale3d(1.1, 1.1, 1.1);

            transform: scale3d(1.1, 1.1, 1.1);

  }



  40% {

    -webkit-transform: scale3d(.9, .9, .9);

            transform: scale3d(.9, .9, .9);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(1.03, 1.03, 1.03);

            transform: scale3d(1.03, 1.03, 1.03);

  }



  80% {

    -webkit-transform: scale3d(.97, .97, .97);

            transform: scale3d(.97, .97, .97);

  }



  100% {

    opacity: 1;

    -webkit-transform: scale3d(1, 1, 1);

            transform: scale3d(1, 1, 1);

  }

}

.header {position:relative;}

.ico_back {width:18.28125%;float:left;display:block;}

.logo2 {width:34.375%;position:absolute;left:50%;margin-left:-17.1875%;display:block;}

.ico_menu3 {float:right;display:block;width:18.28125%;}

.loading {width:100%;height:2px;background:#1c66bd;position:relative;}

.loading span {display:block;width:0%;animation:loading 5s ease 0s both;-webkit-animation:loading 5s ease 0s both;height:2px;background:#fe0000;}

.loading b {display:block;width:0%;animation:loading_b 0.5s ease 5s both;-webkit-animation:loading_b 0.5s ease 5s both;height:2px;background:#1c66bd;position:absolute;left:0;top:0;z-index:2;}

@keyframes loading{

	0% {width:0%;}

	10%{width:40%;}

	20%{width:50%;}

	30% {width:60%;}

	90% {width:90%;}

	100% {width:100%;}

}

@-webkit-keyframes loading{

	0% {width:0%;}

	10%{width:40%;}

	20%{width:50%;}

	30% {width:60%;}

	90% {width:90%;}

	100% {width:100%;}

}

@keyframes loading_b{

	0% {width:0%;}

	100% {width:50%;}

}

@-webkit-keyframes loading_b{

	0% {width:0%;}

	100%{width:50%;}

}



.spreadnav {width:88.125%;margin:0 auto;padding:16px 0;}

.spreadnav a {display:block;width:47.7%;}

.sn1 {float:left;}

.sn2 {float:right;}

.commontext {width:90%;min-height:300px;font:0.9em/1.8em "microsoft yahei";color:#697e96;text-align:justify;text-justify:inter-ideograph;margin:0 auto;padding-bottom:10px;}

.positionstatic {position:static;}



.aboutnav {width:89.0625%;margin:0 auto;padding:16px 0;}

.aboutnav a {display:block;float:left;width:30.52%;margin-right:4%;}

.aboutnav a.ab3 {float:right;margin-right:0;}



/*

.provmenu {width:89.0625%;margin:15px auto 0;height:36px;}

.provmenu a {float:left;border-right:solid 1px #d4e3f2;position:relative;left:-1px;width:33.33%;height:36px;top:-1px;font:14px/36px "microsoft yahei";color:#38567a;text-align:center;}

.provmenu a:nth-child(1) {border-top-left-radius:6px;border-bottom-left-radius:6px;border:solid 1px #d4e3f2;}

.provmenu a:nth-child(2) {border:solid 1px #d4e3f2;border-left:none;}

.provmenu a:nth-child(3) {border:solid 1px #d4e3f2;border-top-right-radius:6px;border-bottom-right-radius:6px;border-left:none;}

.provmenu a.provplus {color:#f44f4f;border-color:#fbdddd;background:#fff6f6;}

*/

.provmenu {width:89.0625%;margin:15px auto 0;height:36px;}

.provmenu a {float:left;border-right:solid 1px #d4e3f2;position:relative;left:-1px;width:25%;height:36px;top:-1px;font:14px/36px "microsoft yahei";color:#38567a;text-align:center;}

.provmenu a:nth-child(1) {border-top-left-radius:6px;border-bottom-left-radius:6px;border:solid 1px #d4e3f2;}

.provmenu a:nth-child(2) {border:solid 1px #d4e3f2;border-left:none;}

.provmenu a:nth-child(3) {border:solid 1px #d4e3f2;border-left:none;}
.provmenu a:nth-child(4) {border:solid 1px #d4e3f2;border-top-right-radius:6px;border-bottom-right-radius:6px;border-left:none;}

.provmenu a.provplus {color:#f44f4f;border-color:#fbdddd;background:#fff6f6;}





.addreach {width:89.0625%;height:auto;margin:0 auto;border-bottom:solid 1px #b9cadf;padding:14px 0;}

.addreach b {float:left;display:block;width:24.57%;font:16px/16px "microsoft yahei";color:#3d4957;padding-top:6px;}

.addreach b img {float:left;display:inline-block;width:18.6%;margin-right:3px;}

.addright {width:73%;float:right;font:0.9em/1.8em "microsoft yahei";color:#869ab2;}

.addreach:last-child {border-bottom:none;}

.addright img {display:inline-block;width:20px;height:20px;position:relative;left:10px;top:2px;}



.tel_img img {width:50%;}



.bulist {width:89.0625%;height:auto;margin:0 auto;}

.bulist a {display:block;width:47%;float:left;margin-top:14px;}

.bulist a:nth-child(2),.bulist a:nth-child(4) {float:right;}



.ouradv {width:89.0625%;height:auto;border:solid 1px #d4e3f2;margin:15px auto;}

.ouradvtitle {width:91%;font:18px/20px "microsoft yahei";border-bottom:dotted 1px #38567a;color:#38567a;padding:12px 0;margin:0 auto;}

.ouradvtitle img {float:left;display:inline;width:7%;margin-right:5px;margin-left:5px;}

.ouradvcont {width:91%;margin:0 auto;font:0.9em/1.8em "microsoft yahei";color:#7288a1;padding:6px 0;}



.pageposition {display:block;width:90.625%;height:auto;margin:0 auto;color:#38567a;border-bottom:dotted 1px #38567a;}

.pageposition a {font:16px/50px "microsoft yahei";color:#38567a;}

.custom {width:90.625%;height:auto;margin:0 auto;padding-top:15px;}

.text1 {font:bold 18px/18px "microsoft yahei";color:#a1c1e6;text-align:center;padding-top:18px;}

.text2 {font:bold 14px/14px "microsoft yahei";color:#a1c1e6;text-align:center;padding:13px 0 0;}

.viewmore1 {display:block;width:32%;height:30px;text-align:center;color:#fff;font:16px/30px "microsoft yahei";margin:13px auto;background:#ff5050;border-radius:8px;}



.colist {width:90.625%;height:auto;margin:0 auto;padding-bottom:13px;}

.colist a {display:block;width:30%;float:left;margin-right:3%;border:solid 1px #dde4ed;margin-top:13px;}

.colist a:nth-child(3),.colist a:nth-child(6) {float:right;margin-right:0;}



.pic4 {width:90.625%;margin:20px auto 0;}

.pic5 {width:90.625%;margin:20px auto;}

.wapside {width:90.625%;margin:30px auto 0;position:relative;}

.viewmore2 {position:absolute;right:20px;bottom:20px;}

.kongnav {width:90.625%;}



.realm {width:90.625%;height:auto;margin:0 auto;border-bottom:dotted 1px #38567a;padding-bottom:5px;}

.realm a {float:left;display:block;font:14px/20px "microsoft yahei";color:#38567a;margin:0 3px;}

.realm a img {display:inline;width:5%;position:relative;top:-3px;}

.realmlist {width:90.625%;height:auto;margin:0 auto;font:0.9em/1.8em "microsoft yahei";color:#697e96;padding:3px;}



.pic7 {width:87.8125%;margin:0 auto;display:block;padding:25px 0;}

.effectbtns {width:87.8125%;margin:0 auto;}

.effectbtns a {display:block;width:47.86%;float:left;margin-bottom:20px;}

.effectbtns a:nth-child(2),.effectbtns a:nth-child(4) {float:right;}



.intelligent {width:90.625%;margin: 0 auto;min-height:300px;font:0.9em/1.8em "microsoft yahei";color:#697e96;padding:10px 0;text-align:justify;text-justify:inter-ideograph;}

.areaselect {width:89.0625%;margin:0 auto;padding-top:12px;}

.areaselect img {float:left;display:inline;width:5%;margin-right:10px;}

.areaselect select {font:14px/18px "microsoft yahei";color:#333;border:none;appearance: none;-webkit-appearance: none;padding:4px 2px;top:-4px;position:relative;}



.joblist {width:89.0625%;height:auto;margin:0 auto;padding:10px 0 40px;}

.joblist ul {}

.joblist ul li {width:100%;height:42px;border-bottom:dotted 1px #697e96;background:url(../images/ico4.jpg) 93% 50% no-repeat;background-size:2.1% 30%;}

.joblist ul li a {display:block;width:100%;height:42px;}

.joblist ul li p {float:left;display:inline;font:14px/42px "microsoft yahei";color:#697e96;width:60%;text-overflow:ellipsis;  overflow:hidden;}

.joblist ul li span {float:left;font:14px/42px "microsoft yahei";color:#697e96;}



.ourculture {width:89.0625%;height:auto;margin:12px auto 0;border:solid 1px #d4deea;border-radius:9px;font:15px/24px "microsoft yahei";color:#697e96;padding:8px 15px;}

.jobnow {width:89.0625%;height:auto;margin:0 auto;font:15px/34px "microsoft yahei";color:#f00;}

.jobtext {width:89.0625%;height:auto;margin:0 auto;padding:12px 0 30px;color:#697e96;font:0.9em/1.8em "microsoft yahei";}



.notice {width:89.0625%;height:auto;margin:0 auto;font:14px/22px "microsoft yahei";color:#697e96;padding-top:5px;text-align:justify;text-justify:inter-ideograph;}

.bankeach {width:89.0625%;height:auto;margin:0 auto;padding:15px 0;font:14px/24px "microsoft yahei";color:#697e96;background-size:18.5% 50%;border-bottom:solid 1px #b9cadf;}

.bank_icbc {background:url(../images/gong.jpg) 4% 50% no-repeat;}

.bank_abc {background:url(../images/nong.jpg) 4% 50% no-repeat;}

.bank_cbc {background:url(../images/jian.jpg) 4% 50% no-repeat;}



.wrap {padding-bottom:20px;}

.alphalayer {position:fixed;left:0;top:0;z-index:6;width:100%;height:100%;display:none;background:#000;opacity:0.4;}



.payimg {float:left;width:20%;height:auto;display:block;}

.payimg img {display:block;width:100%;}

.paymain p {float:right;width:70%;display:block;}



.newstop {width:90%;margin:0 auto;padding:10px 0 8px;border-bottom:dotted 1px #a4a6b7;}

.newstop p {float:left;display:inline;font:15px/26px "microsoft yahei";color:#38567a;padding-left:2px;}

.newstop a {float:right;padding:0 5px;font:15px/26px "microsoft yahei";color:#38567a;}

.newstop a img {display:inline;width:25%;margin-right:3px;position:relative;top:2px;}



.banner{ width: 100%; height: auto; position: relative;margin:13px auto;}

.bxslider{ width: 100%; height: auto; overflow: hidden;}

.bxslider li{ width: 100%; height: auto; background: #ffff00; position: relative;}

.bxslider li p{ font-size: 12px; background-color: rgba(0,0,0,0.5); color: #ffffff; text-align: left; width: 100%; text-indent: 10px; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0;font:14px/40px "microsoft yahei";color:#fff;}

.c_pageout {position:absolute;right:15px;bottom:0px;z-index:10;font:14px/40px "microsoft yahei";color:#fff;display:none;}



.newseach {width:90%;height:auto;margin:0 auto;padding:10px 0;border-bottom:dotted 1px #ddd;}

.newseach b {float:left;display:block;width:31%;height:auto;float:left;margin-top:7px;}

.newseach b a {display:block;width:100%;}

.newsright {width:64%;float:right;}

.newsright h1 {font:18px/24px "microsoft yahei";color:#3d4957;padding-top:3px;}

.newsright h1 a {color:#3d4957;}

.newsright p {font:15px/24px "microsoft yahei";color:#95a1af;padding-top:3px;}



.viewall {width:46%;height:34px;border:solid 1px #d4e3f2;border-radius:8px;display:block;margin:30px auto 20px;font:14px/34px "microsoft yahei";color:#95a1af;text-align:center;}

.title {width:90%;height:auto;margin:0 auto;padding:15px 0 8px;border-bottom:dotted 1px #4f5e70;}

.title h1 {font:20px/22px "microsoft yahei";color:#627183;}

.title h2 {font:14px/20px "microsoft yahei";color:#627183;padding-top:6px;}

.title h2 span {/*color:#fc7e7e;*/}



.view {font:0.9em/1.8em "microsoft yahei";color:#697e96;text-aligN:justify;width:90%;margin:0 auto;padding-top:14px;min-height:450px;}

#goTopBtn {POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto;}



.swiper-container {width:100%;}

.content-slide {}

.title {}

.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; }

.swiper-active-switch { background: #fff; }



.areaselect img.jian10 {width:2.5%;display:inline-block;float:none;position:relative;top:-2px;}





/*2015年6月19日 11:00:10*/



.baiduex {width:89.0625%;margin:15px auto 0;height:36px;}

.baiduex a {float:left;border-right:solid 1px #d4e3f2;position:relative;left:-1px;width:50%;height:36px;top:-1px;font:14px/36px "microsoft yahei";color:#38567a;text-align:center;}

.baiduex a:nth-child(1) {border-top-left-radius:6px;border-bottom-left-radius:6px;border:solid 1px #d4e3f2;}

.baiduex a:nth-child(2) {border:solid 1px #d4e3f2;border-top-right-radius:6px;border-bottom-right-radius:6px;border-left:none;}

.baiduex a.bexplus {color:#f44f4f;border-color:#fbdddd;background:#fff6f6;}

.baiduexcont {font:14px/24px "microsoft yahei";color:#697e96;width:87.5%;margin:0 auto;text-align:justify;text-justify:inter-ideograph;padding:10px 0;}



.brand {width:89.0625%;margin:15px auto 0;height:36px;}

.brand a {float:left;border-right:solid 1px #d4e3f2;position:relative;left:-1px;width:50%;height:36px;top:-1px;font:14px/36px "microsoft yahei";color:#38567a;text-align:center;}

.brand a:nth-child(1) {border:solid 1px #d4e3f2;border-top-left-radius:6px;}

.brand a:nth-child(2) {border:solid 1px #d4e3f2;border-top-right-radius:6px;border-left:none;}

.brand a:nth-child(3) {border:solid 1px #d4e3f2;border-bottom-left-radius:6px;border-top:none;}

.brand a:nth-child(4) {border:solid 1px #d4e3f2;border-bottom-right-radius:6px;border-left:none;border-top:none;}

.brand a.bexplus {color:#f44f4f;border-color:#fbdddd;background:#fff6f6;}

.baiduexcont {font:14px/24px "microsoft yahei";color:#697e96;width:87.5%;margin:0 auto;text-align:justify;text-justify:inter-ideograph;padding:10px 0;}



.tuiimg {width:88.125%;height:auto;margin:35px auto;}



.sswrap {}



/*提示按钮*/

#scrollDown { position: absolute; width: 30px; height: 30px; left: 50%; bottom: 30px; margin-left: -15px; border-radius: 50%; z-index: 888; background-color: #000;transition:all 1s ease 0.5s;-webkit-transition:all 1s ease 0.5s;;transform:translateY(-700px);-webkit-transform:translateY(-700px);opacity:0;}



.swiper-slide-active #scrollDown {transition:all 1s ease 0.3s;-webkit-transition:all 1s ease 0.3s;transform:translate(0px,0px);-webkit-transform:translate(0px,0px);opacity:0.3;}



#scrollDown>i { display: block; width: 100%; height: 100%; animation: anim-arrow 1s ease-in infinite; -webkit-animation: anim-arrow 1s ease-in infinite; -moz-animation: anim-arrow 1s ease-in infinite; -o-animation: anim-arrow 1s ease-in infinite; -ms-animation: anim-arrow 1s ease-in infinite; }

#scrollDown>i:before, #scrollDown>i:after { position: absolute; content: ""; left: 50%; top: 8px; width: 4px; height: 16px; margin-left: -2px; border-radius: 2px; background-color: #FFF; transform-origin: 50% 2px; -webkit-transform-origin: 50% 2px; -moz-transform-origin: 50% 2px; -o-transform-origin: 50% 2px; -ms-transform-origin: 50% 2px; }

#scrollDown>i:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }

#scrollDown>i:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }

/*提示按钮动画*/



@keyframes anim-arrow {  0%, 100% {

 transform: scale(1);

}

 30% {

 transform: scale(1.25, 0.75);

}

 40% {

 transform: scale(0.75, 1.25);

}

 60% {

 transform: scale(1.15, 0.85);

}

}

@-webkit-keyframes anim-arrow {  0%, 100% {

 -webkit-transform: scale(1);

}

 30% {

 -webkit-transform: scale(1.25, 0.75);

}

 40% {

 -webkit-transform: scale(0.75, 1.25);

}

 60% {

 -webkit-transform: scale(1.15, 0.85);

}

}

@-moz-keyframes anim-arrow {  0%, 100% {

 -moz-transform: scale(1);

}

 30% {

 -moz-transform: scale(1.25, 0.75);

}

 40% {

 -moz-transform: scale(0.75, 1.25);

}

 60% {

 -moz-transform: scale(1.15, 0.85);

}

}

@keyframes -o-anim-arrow {  0%, 100% {

 -o-transform: scale(1);

}

 30% {

 -o-transform: scale(1.25, 0.75);

}

 40% {

 -o-transform: scale(0.75, 1.25);

}

 60% {

 -o-transform: scale(1.15, 0.85);

}

}

@keyframes -ms-anim-arrow {  0%, 100% {

 -ms-transform: scale(1);

}

 30% {

 -ms-transform: scale(1.25, 0.75);

}

 40% {

 -ms-transform: scale(0.75, 1.25);

}

 60% {

 -ms-transform: scale(1.15, 0.85);

}

}



/*left - right btn*/

@-moz-keyframes ue-pudding {

	0% {

		-moz-transform: scale(1.2,0.8);

		opacity:0.2;

	}



	1% {

		-moz-transform: scale(1.18,0.82)

	}



	2% {

		-moz-transform: scale(1.16,0.84)

	}



	3% {

		-moz-transform: scale(1.13,0.87)

	}



	4% {

		-moz-transform: scale(1.1,0.9)

	}



	5% {

		-moz-transform: scale(1.07,0.93)

	}



	6% {

		-moz-transform: scale(1.04,0.96)

	}



	7% {

		-moz-transform: scale(1.01,0.99)

	}



	8% {

		-moz-transform: scale(0.99,1.01)

	}



	9% {

		-moz-transform: scale(0.97,1.03)

	}



	10% {

		-moz-transform: scale(0.95,1.05)

	}



	11% {

		-moz-transform: scale(0.94,1.06)

	}



	12% {

		-moz-transform: scale(0.93,1.07)

	}



	13% {

		-moz-transform: scale(0.93,1.07)

	}



	14% {

		-moz-transform: scale(0.93,1.07)

	}



	15% {

		-moz-transform: scale(0.93,1.07)

	}



	16% {

		-moz-transform: scale(0.94,1.06)

	}



	17% {

		-moz-transform: scale(0.94,1.06)

	}



	18% {

		-moz-transform: scale(0.95,1.05)

	}



	19% {

		-moz-transform: scale(0.96,1.04)

	}



	20% {

		-moz-transform: scale(0.98,1.02)

	}



	21% {

		-moz-transform: scale(0.99,1.01)

	}



	22% {

		-moz-transform: scale(1,1)

	}



	23% {

		-moz-transform: scale(1,1)

	}



	24% {

		-moz-transform: scale(1.01,0.99)

	}



	25% {

		-moz-transform: scale(1.02,0.98)

	}



	26% {

		-moz-transform: scale(1.02,0.98)

	}



	27% {

		-moz-transform: scale(1.02,0.98)

	}



	28% {

		-moz-transform: scale(1.03,0.97)

	}



	29% {

		-moz-transform: scale(1.03,0.97)

	}



	30% {

		-moz-transform: scale(1.02,0.98)

	}



	31% {

		-moz-transform: scale(1.02,0.98)

	}



	32% {

		-moz-transform: scale(1.02,0.98)

	}



	33% {

		-moz-transform: scale(1.02,0.98)

	}



	34% {

		-moz-transform: scale(1.01,0.99)

	}



	35% {

		-moz-transform: scale(1.01,0.99)

	}



	36% {

		-moz-transform: scale(1.01,0.99)

	}



	37% {

		-moz-transform: scale(1,1)

	}



	38% {

		-moz-transform: scale(1,1)

	}



	39% {

		-moz-transform: scale(1,1)

	}



	40% {

		-moz-transform: scale(0.99,1.01)

	}



	41% {

		-moz-transform: scale(0.99,1.01)

	}



	42% {

		-moz-transform: scale(0.99,1.01)

	}



	43% {

		-moz-transform: scale(0.99,1.01)

	}



	44% {

		-moz-transform: scale(0.99,1.01)

	}



	45% {

		-moz-transform: scale(0.99,1.01)

	}



	46% {

		-moz-transform: scale(0.99,1.01)

	}



	47% {

		-moz-transform: scale(0.99,1.01)

	}



	48% {

		-moz-transform: scale(0.99,1.01)

	}



	49% {

		-moz-transform: scale(1,1);

		opacity:0.6;

	}

	100%{

		opacity:0.2;

	}

}

@-webkit-keyframes ue-pudding {

	0% {

		-webkit-transform: scale(1.2,0.8);

		transform: scale(1.2,0.8);

		opacity:0.2;

	}



	1% {

		-webkit-transform: scale(1.18,0.82);

		transform: scale(1.18,0.82);

	}



	2% {

		-webkit-transform: scale(1.16,0.84);

		transform: scale(1.16,0.84);

	}



	3% {

		-webkit-transform: scale(1.13,0.87);

		transform: scale(1.13,0.87);

	}



	4% {

		-webkit-transform: scale(1.1,0.9);

		transform: scale(1.1,0.9);

	}



	5% {

		-webkit-transform: scale(1.07,0.93);

		transform: scale(1.07,0.93);

	}



	6% {

		-webkit-transform: scale(1.04,0.96);

		transform: scale(1.04,0.96);

	}



	7% {

		-webkit-transform: scale(1.01,0.99);

		transform: scale(1.01,0.99);

	}



	8% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	9% {

		-webkit-transform: scale(0.97,1.03);

		transform: scale(0.97,1.03);

	}



	10% {

		-webkit-transform: scale(0.95,1.05);

		transform: scale(0.95,1.05);

	}



	11% {

		-webkit-transform: scale(0.94,1.06);

		transform: scale(0.94,1.06);

	}



	12% {

		-webkit-transform: scale(0.93,1.07);

		transform: scale(0.93,1.07);

	}



	13% {

		-webkit-transform: scale(0.93,1.07);

		transform: scale(0.93,1.07);

	}



	14% {

		-webkit-transform: scale(0.93,1.07);

		transform: scale(0.93,1.07);

	}



	15% {

		-webkit-transform: scale(0.93,1.07);

		transform: scale(0.93,1.07);

	}



	16% {

		-webkit-transform: scale(0.94,1.06);

		transform: scale(0.94,1.06);

	}



	17% {

		-webkit-transform: scale(0.94,1.06);

		transform: scale(0.94,1.06);

	}



	18% {

		-webkit-transform: scale(0.95,1.05);

		transform: scale(0.95,1.05);

	}



	19% {

		-webkit-transform: scale(0.96,1.04);

		transform: scale(0.96,1.04);

	}



	20% {

		-webkit-transform: scale(0.98,1.02);

		transform: scale(0.98,1.02);

	}



	21% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	22% {

		-webkit-transform: scale(1,1);

		transform: scale(1,1);

	}



	23% {

		-webkit-transform: scale(1,1);

		transform: scale(1,1);

	}



	24% {

		-webkit-transform: scale(1.01,0.99);

		transform: scale(1.01,0.99);

	}



	25% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	26% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	27% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	28% {

		-webkit-transform: scale(1.03,0.97);

		transform: scale(1.03,0.97);

	}



	29% {

		-webkit-transform: scale(1.03,0.97);

		transform: scale(1.03,0.97);

	}



	30% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	31% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	32% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	33% {

		-webkit-transform: scale(1.02,0.98);

		transform: scale(1.02,0.98);

	}



	34% {

		-webkit-transform: scale(1.01,0.99);

		transform: scale(1.01,0.99);

	}



	35% {

		-webkit-transform: scale(1.01,0.99);

		transform: scale(1.01,0.99);

	}



	36% {

		-webkit-transform: scale(1.01,0.99);

		transform: scale(1.01,0.99);

	}



	37% {

		-webkit-transform: scale(1,1);

		transform: scale(1,1);

	}



	38% {

		-webkit-transform: scale(1,1);

		transform: scale(1,1);

	}



	39% {

		-webkit-transform: scale(1,1);

		transform: scale(1,1);

	}



	40% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	41% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	42% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	43% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	44% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	45% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	46% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	47% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	48% {

		-webkit-transform: scale(0.99,1.01);

		transform: scale(0.99,1.01);

	}



	49% {

		-webkit-transform: scale(1,1);

		opacity:0.6;

	}

	100% {

		opacity:0.2;

	}

}

@keyframes ue-pudding {

	0% {

		transform: scale(1.2,0.8);

		opacity:0.2;

	}



	1% {

		transform: scale(1.18,0.82)

	}



	2% {

		transform: scale(1.16,0.84)

	}



	3% {

		transform: scale(1.13,0.87)

	}



	4% {

		transform: scale(1.1,0.9)

	}



	5% {

		transform: scale(1.07,0.93)

	}



	6% {

		transform: scale(1.04,0.96)

	}



	7% {

		transform: scale(1.01,0.99)

	}



	8% {

		transform: scale(0.99,1.01)

	}



	9% {

		transform: scale(0.97,1.03)

	}



	10% {

		transform: scale(0.95,1.05)

	}



	11% {

		transform: scale(0.94,1.06)

	}



	12% {

		transform: scale(0.93,1.07)

	}



	13% {

		transform: scale(0.93,1.07)

	}



	14% {

		transform: scale(0.93,1.07)

	}



	15% {

		transform: scale(0.93,1.07)

	}



	16% {

		transform: scale(0.94,1.06)

	}



	17% {

		transform: scale(0.94,1.06)

	}



	18% {

		transform: scale(0.95,1.05)

	}



	19% {

		transform: scale(0.96,1.04)

	}



	20% {

		transform: scale(0.98,1.02)

	}



	21% {

		transform: scale(0.99,1.01)

	}



	22% {

		transform: scale(1,1)

	}



	23% {

		transform: scale(1,1)

	}



	24% {

		transform: scale(1.01,0.99)

	}



	25% {

		transform: scale(1.02,0.98)

	}



	26% {

		transform: scale(1.02,0.98)

	}



	27% {

		transform: scale(1.02,0.98)

	}



	28% {

		transform: scale(1.03,0.97)

	}



	29% {

		transform: scale(1.03,0.97)

	}



	30% {

		transform: scale(1.02,0.98)

	}



	31% {

		transform: scale(1.02,0.98)

	}



	32% {

		transform: scale(1.02,0.98)

	}



	33% {

		transform: scale(1.02,0.98)

	}



	34% {

		transform: scale(1.01,0.99)

	}



	35% {

		transform: scale(1.01,0.99)

	}



	36% {

		transform: scale(1.01,0.99)

	}



	37% {

		transform: scale(1,1)

	}



	38% {

		transform: scale(1,1)

	}



	39% {

		transform: scale(1,1)

	}



	40% {

		transform: scale(0.99,1.01)

	}



	41% {

		transform: scale(0.99,1.01)

	}



	42% {

		transform: scale(0.99,1.01)

	}



	43% {

		transform: scale(0.99,1.01)

	}



	44% {

		transform: scale(0.99,1.01)

	}



	45% {

		transform: scale(0.99,1.01)

	}



	46% {

		transform: scale(0.99,1.01)

	}



	47% {

		transform: scale(0.99,1.01)

	}



	48% {

		transform: scale(0.99,1.01)

	}



	49% {

		transform: scale(1,1);

		opacity:0.6;

	}

	100% {

		opacity:0.2;

	}

}



.arr {overflow: hidden;background: rgba(0,0,0,0.5);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;width: 30px;height:30px;text-align:center;position:fixed;-webkit-animation: ue-pudding 2s linear infinite;-moz-animation: ue-pudding 2s linear infinite;animation: ue-pudding 2s linear infinite;z-index:150;top:50%;margin-top:-20px;}

.arr i {font:normal normal 18px/30px "microsoft yahei";color:#fff;}

.leftarrico {left:10px;}

.rightarrico {right:10px;}





.pages{width:60%;height:28px; margin:20px auto;}

.pages a {border-radius:4px;}

.prev{display:block;width:82px;height:34px;float:left;text-align:center;font:14px/34px "microsoft yahei"; color:#38567a;border:solid 1px #d4e3f2;}

.prev2,.prev_no{display:block;width:82px;height:34px;float:left;  text-align:center;font:14px/34px "microsoft yahei"; color:#ccc;border:solid 1px #ddd;}

.next{display:block;width:82px;height:34px;float:right;font:14px/34px "microsoft yahei"; color:#38567a;border:solid 1px #d4e3f2;}

.next2,.next_no{display:block;width:82px;height:34px;float:left;font:14px/34px "microsoft yahei"; color:#ccc;border:solid 1px #ddd;}

.page{width:67px;height:34px;display:block; float:left;margin:0 28px;font:14px/34px "microsoft yahei";color:#000;}

.page span{display:block;width:50px;height:28px;margin:0 auto;}

.hei20 {height:20px;clear:both;}



































@media all and (min-width:640px){

body {max-width:640px;margin:0 auto;}



}

@media all and (max-width:380px){



}

@media all and (max-width:480px){

	

}

@media all and (max-width:640px){

	.page2links {width:70.75%;margin:0 auto;padding-top:10px;padding-bottom:8px;}

}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */ 

	.menu {width:20.75%;margin:0 auto 0;display:block;padding-top:15px;padding-bottom:3px;}

	.page2links {width:52%;margin:0 auto;padding-top:10px;}

	.page2links li {width:100%;padding:0;}

}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */ 

	.menu {width:23.75%;margin:0 auto 0;display:block;padding-top:15px;padding-bottom:3px;}

	.page2links {width:71.75%;margin:0 auto;padding-top:0px;padding-bottom:0px;}

	.page2links li {width:100%;padding:0;}

}

@media (device-height:667px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 */ 

	.menu {width:23.75%;margin:0 auto 0;display:block;padding-top:18px;}

	.page2links {width:78.75%;margin:0 auto;padding-top:10px;padding-bottom:8px;}

	.page2links li {width:100%;padding:0;}

	.qrcode {width:29.7%;margin:0 auto;padding:24px 0;}

	.weltext1 {font:normal normal 18px/18px "microsoft yahei";color:#31425c;text-align:center;padding-top:3px;}

	.weltext2 {width:59%;display:block;margin:0 auto;padding-top:12px;}



}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6+ */ 

	.page2links {width:72%;margin:0 auto;padding-top:0px;padding-bottom:20px;}

	.qrcode {width:29.7%;margin:0 auto;padding:24px 0;}

	.weltext1 {font:normal normal 18px/18px "microsoft yahei";color:#31425c;text-align:center;}

	.weltext2 {width:59%;display:block;margin:0 auto;padding-top:15px;}

}







@media all and (orientation:landscape){

/*	body {overflow:hidden;}

	.onResize {display:block;position:fixed;top:0;left:0;width:100%;z-index:999;background:url(../images/bodybg.jpg) #ccc center repeat;}

	.onResize img {width:50%;margin:10% auto;display:block;}	*/

	

}

